<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns="http://www.w3.org/1999/xhtml"
                template="./../Template/HomeTemplate.xhtml"
                xmlns:pou="http://primefaces.org/ui"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="content">
        <div id="breadcrumbs">
            <a href="./../HomePages/Index.xhtml">Home</a>
            <span class="separate">»</span>
            Register
        </div>
        <div class="full_entry clearfix">
            <div class="entry_content">
                <h1 class="single-title">Register</h1>  
                <p><br/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sapien metus, gravida vel condimentum eu, porta eget nisi.</p>
            </div>
        </div>
        <div class="full_entry clearfix">
            <div class="entry_content">                
                <h:form>                    
                    <table border="0" width="691px">
                        <pou:growl id="growl"/>
                        <tbody>
                            <tr>
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">User name : </p></td>
                                <td><h:inputText styleClass="input" value="#{accountBean.username}" required="true" requiredMessage="User Name must be not null..!"/></td>
                            </tr>
                            <tr class="widgettitle">                                                     
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Password : </p></td>
                                <td><h:inputSecret id="pw1" styleClass="input" label="Password" value="#{accountBean.password}" required="true" requiredMessage="Password must be not null..!"/> </td>
                            </tr>
                            <tr>
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Full name : </p></td>
                                <td><h:inputText styleClass="input" value="#{accountBean.fullname}" label="Full Name" required="true" requiredMessage="Full name must be not null..!"/></td>
                            </tr>                             
                            <tr>
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Address : </p></td>
                                <td><h:inputText styleClass="input" value="#{accountBean.address}" required="true" requiredMessage="Address must be not null...!"/></td>
                            </tr>
                            <tr>
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Email : </p></td>
                                <td>
                                    <h:inputText styleClass="input" label="Email" value="#{accountBean.email}" required="true" requiredMessage="Email must be not null">
<!--                                        <f:validateRegex pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />-->
                                    </h:inputText>
                                </td>
                            </tr>
                            <tr>
                                <td><p  style="padding-left: 100px;font-size: 15px;font-style: italic;">Phone Number : </p></td>
                                <td><h:inputText styleClass="input"  value="#{accountBean.phone}" label="Phone Number" required="true" requiredMessage="Phonenumber must be not null..!">
<!--                                        <f:validateRegex pattern="[0-9]"/>-->
                                    </h:inputText>
                                </td>
                            </tr>
                            <tr>
                                <td></td>
                                <td><br/>
                                    <pou:commandButton value="Save" actionListener="#{accountBean.addUser()}" update="growl" image="ui-icon ui-icon-disk" />
                                    <pou:commandButton type="reset" value="Clear" image="ui-icon ui-icon-close"/></td>
                            </tr>
                        </tbody>
                    </table>
                </h:form>
            </div>
        </div>

    </ui:define>
</ui:composition>
